html {
        background-image: url("YOUR_BACKGROUND_IMAGE.png");
        background-color: aliceblue;
}
body {
        max-width: 720px;
        margin: auto;
        margin-top: 12px;
        margin-bottom: 12px;
        display: grid;
        grid-template-areas:
                "main"
                "footer";
        grid-gap: 14px;
        font-family: Mona, Osaka, ms pgothic, sans-serif;
}
@media screen and (max-width:800px) {
        body {
                width: 97%;
                margin: 10px;
                grid-template-columns: 1fr;
        }
}
h1,h2,h3,h3,h5,h6 {
        font-family: Palatino Linotype, Palatino, serif;
}
h1 {
        font-size: 22px;
}
h2 {
	font-size: 18px;
	border-bottom: 1px solid lightgrey;
	padding-bottom: 5px;
}
.article-header {
        padding: 2px;
        background: lightgrey;
}
.metadata {
        font-size: 14px;
        float: right;
}
h3 {
        margin: 0;
}
blockquote {
	color: grey;
	font-style: italic;
	border-left: 2px solid grey;
	padding-left: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
}
main {
        border: 1px solid black;
        background: white;
        grid-area: main;
        padding: 8px;
        padding-left: 12px;
        padding-right: 12px;
}
img {
        border: 1px solid black;
        max-width: 80%;
}
main img {
        margin-left:auto;
        margin-right:auto;
        margin-top: 8px;
        margin-bottom: 2px;
        display: block;
}
img[src="rss-icon.png"] {border: none;}
#icon {
        vertical-align: middle;
        border: none;
	margin: 0 !important;
	display: inline !important;
}
quote {
        color: grey;
        font-style: italic;
        font-family: Palatino Linotype, Palatino, serif;
        font-size: 14px;
}
a.img{
        border: none !important;
}
a:link, a:visited {
        text-decoration: none;
        color: blue;
        border-bottom: 1px dotted;
}
a:hover {
        color: deeppink;
}
ul {
        margin: 0;
        padding: 6px;
        list-style: none;
}
li {
        padding-top: 1px;
        padding-bottom: 1px;
}
li:before {
        color: deeppink;
        content: '❖';
}
#main-end {
        font-style: italic;
        font-size: 12px;
        margin-top: 8px;
        margin-bottom: 8px;
        padding: 4px;
}
small {
        font-size: 12px;
}
footer {
        border: 1px solid black;
        background: white;
        grid-area: footer;
        padding: 8px;
        font-size: 12px;
}


